.grey{
    background: #f7f7f7;
    height: 8vh;
    width: 100%;
    .box{
            height: 8vh;
        width: 92%;
        // margin-top: 15px;
        margin-left: 4%;
        background: white;
            p{
                color: #61c682;
                text-align: center;
                line-height: 8vh;
            }
        }
}
.card{
        height: 55vh;
        box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        .triangle{
            width: 10px;
            height: 10px;
            position: absolute;
            transform: rotate(45deg);
            top: -5px;
            left: 20vw;
            background: white;
        }
        .box{
            border-radius: 3px;
           background: #f5f6f8;
           width: 45%;
           height: 13vh;
           margin-left: 3.3%;
           margin-top: 2vh;
           .h4{
                display: flex;
                justify-content: space-between;
                width: 92%;
                margin-left: 4%;
                text-indent: 0;
            }
           h4,p{
            height: 4vh;
            line-height: 4vh;
            text-indent: 0.5em;
            
           }
           p{
            font-size: 11px;
            color: rgb(158, 158, 158);
           }
           .jt{
            color: rgb(158, 158, 158);
           }
        }
}
